<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formularioCotizacion">
                    <p:panel header="Registrar Cotización" style="width:100%;margin: 10px auto;" id="pnlCotizacion">

                        <p:panelGrid style="width:100%;margin: 10px auto;"> 

                            <p:row rendered="#{BKCotizacion.esNuevaVersion eq true?true:false}">
                                <p:column style="width: 200px">
                                    <h:outputLabel id="lblCodigo" value="CÓDIGO" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputLabel id="txtCodigo" value="#{BKCotizacion.cotizacionFormulario.codigo}" />
                                </p:column>

                            </p:row>

                            <p:row rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}">
                                <p:column style="width: 200px">
                                    <h:outputLabel id="lblCategoriaArticulo" value="SUB-CATEGORIA" styleClass="lblForm"  />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxCategoriaArticulo" converter="#{categoriaArticuloConverter}" var="categ"
                                                     value="#{BKCotizacion.categoriaArticulo}" filter="true" filterMatchMode="contains" > 
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                        <f:selectItems value="#{BKCotizacion.listaCategoriaArticulos}" 
                                                       var="categoria" itemLabel="#{categoria.nombre}"
                                                       itemValue="#{categoria}" />	
                                        <p:column>  
                                            #{categ.nombre}
                                        </p:column>
                                        <p:ajax update="idArticulo" listener="#{MBCotizacion.buscarArticulo}" event="change" />
                                    </p:selectOneMenu>
                                    <p:message for="cbxCategoriaArticulo" display="text" />
                                    <h:outputLink value="#{request.contextPath}#{MBCategoriaArticulo.nuevo()}.anx" target="_blank" class="linkAgregar" >Agregar Sub-Categoría</h:outputLink>
                                </p:column>
                                <p:column>
                                    <p:commandButton value="BUSCAR COTIZACION ANTIGUA" styleClass="ui-priority-primary" id="btnBuscarCotizacionAntigua"
                                                     actionListener="#{MBCotizacion.inicializarBusquedaAntigua}" process="@this"
                                                     oncomplete="buscarAntiguo.show()" update=":formularioCotizacionAntigua:panelAntiguo"/>
                                </p:column>

                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblArticulo" value="ARTICULO(*)" styleClass="lblForm"  />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu value="#{BKCotizacion.cotizacionFormulario.idArticulo.id}" filter="true" 
                                                     filterMatchMode="contains" required="true" 
                                                     panelStyle="width:450px;font-size:10px" style="width: 450px"
                                                     id="idArticulo" rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}">  
                                        <f:selectItem itemLabel="Seleccionar" itemValue="0" />  
                                        <f:selectItems value="#{BKCotizacion.listaArticulosFormulario}" var="art" 
                                                       itemLabel="#{art.nombreComercial}" itemValue="#{art.id}" /> 
                                        <p:ajax update="dataTablaMaterial,txtProducto,txtDatosTela,sumaDetalleArticulo" listener="#{MBCotizacion.cargarComposicion()}" event="change" />
                                    </p:selectOneMenu>

                                    <p:message for="idArticulo" display="text"/>
                                    <h:outputLink value="#{request.contextPath}#{MBArticulo.mostrarMantenimiento()}.anx" target="_blank" class="linkAgregar" >Agregar Articulo</h:outputLink>
                                </p:column>
                                <p:column>
                                    <h:panelGrid columns="2"> 
                                        <h:outputText value="DETALLE DE TELA: " styleClass="lblForm"  />
                                        <h:outputText id="txtDatosTela" value="#{BKCotizacion.cotizacionFormulario.datosTela}"/>
                                    </h:panelGrid>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblProducto" value="PRODUCTO" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputLabel id="txtProducto" value="#{BKCotizacion.cotizacionFormulario.nombreProducto}" />
                                </p:column>
                            </p:row>

                            <p:row rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}">
                                <p:column>
                                    <h:outputText value="IMAGEN" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <p:fileUpload fileUploadListener="#{MBCotizacion.handleFileUpload}"  
                                                  mode="advanced" 
                                                  update="messagesLogo"  
                                                  auto="true"  
                                                  sizeLimit="900000"   
                                                  allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>
                                    <p:growl id="messagesLogo" showDetail="true"/> 
                                </p:column>
                                    
                            </p:row>
                            
                            <p:row rendered="#{BKCotizacion.esNuevaVersion}">
                                <p:column>
                                    <h:outputText value="IMAGEN" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:graphicImage id="imgProd" style="height: 120px;width: 150px" value="/cotizacion/#{BKCotizacion.cotizacionFormulario.imagen}"  />
                                </p:column>
                            </p:row>


                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblDetalle" value="DETALLE(*)" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtDetalle" value="#{BKCotizacion.cotizacionFormulario.detalle}" 
                                                 required="true" rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}" />
                                    <h:outputLabel id="txtDetalleShow" value="#{BKCotizacion.cotizacionFormulario.detalle}" 
                                                   rendered="#{BKCotizacion.esNuevaVersion eq true?true:false}" />
                                    <p:message for="txtDetalle" display="text"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblUnidadM" value="UNIDAD MEDIDA(*)" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <p:selectOneMenu value="#{BKCotizacion.cotizacionFormulario.unidadMedida}" 
                                                     required="true" id="cbxUnidadMedida" rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}">  
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                        <f:selectItems value="#{BKCotizacion.listaUnidadMedidaFormulario}" var="um" 
                                                       itemLabel="#{um.abrev}" itemValue="#{um.abrev}" /> 
                                    </p:selectOneMenu>
                                    <h:outputLabel id="txtUnidadMedida" value="#{BKCotizacion.cotizacionFormulario.unidadMedida}" 
                                                   rendered="#{BKCotizacion.esNuevaVersion eq true?true:false}" />
                                    <p:message for="cbxUnidadMedida" display="text"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCliente" value="CLIENTE(*)" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <p:selectOneMenu value="#{BKCotizacion.cotizacionFormulario.idCliente}" converter="#{clienteConverter}"
                                                     id="cbxCliente" rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}"
                                                     filter="true" filterMatchMode="contains" var="cliente" required="true">  
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                        <f:selectItems value="#{BKCotizacion.listaClienteFormulario}" var="cli" 
                                                       itemLabel="#{cli.razonSocial}" itemValue="#{cli}" /> 
                                        <p:column>
                                            #{cliente.razonSocial}
                                        </p:column>
                                    </p:selectOneMenu>
                                    <h:outputLabel id="txtCliente" value="#{BKCotizacion.cotizacionFormulario.cliente}" 
                                                   rendered="#{BKCotizacion.esNuevaVersion eq true?true:false}" />
                                    <p:message for="cbxCliente" display="text"/>
                                    <h:outputLink value="#{request.contextPath}#{MBCliente.nuevo()}.anx" target="_blank" class="linkAgregar" >Agregar Cliente</h:outputLink>

                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblCantidadProd" value="CANTIDAD PRODUCCIÓN" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCantidadProd" value="#{BKCotizacion.cotizacionFormulario.cantidadProduccion}" 
                                                 required="true" rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}" />
                                    <h:outputLabel id="txtCantidadProdShow" value="#{BKCotizacion.cotizacionFormulario.cantidadProduccion}" 
                                                   rendered="#{BKCotizacion.esNuevaVersion eq true?true:false}" />
                                </p:column>
                            </p:row>

                            <p:row rendered="#{BKCotizacion.esNuevaVersion eq true?true:false}">
                                <p:column>
                                    <h:outputLabel id="lblVersion" value="VERSIÓN" styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText id="txtVersion" value="#{BKCotizacion.version}"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblTipoCambio" value="TIPO DE CAMBIO" styleClass="lblForm"  />
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblCompraTipoCambio" value="COMPRA: " style="font-weight: bold" />
                                    <h:outputLabel id="txtCompraTipoCambio" value="#{BKCotizacion.cotizacionFormulario.cambioCompra}" />
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblVentaTipoCambio" value="VENTA: " style="font-weight: bold" />
                                    <h:outputLabel id="txtVentaTipoCambio" value="#{BKCotizacion.cotizacionFormulario.cambioVenta}" />
                                </p:column>
                            </p:row>


                            <p:row>
                                <p:column colspan="3">
                                    <p:fieldset id="fstComposicionMaterial" legend="Materiales">
                                        <p:dataTable id="dataTablaMaterial" var="articulo" value="#{BKDetalleCotizacion.listaDetalleCotizacionArticulo}" widgetVar="tablaArt"
                                                     emptyMessage="No se encontraron materiales" rowsPerPageTemplate="20,40,60" editable="true" paginator="true" 
                                                     rows="20" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink}
                                                     {LastPageLink} {RowsPerPageDropdown}" rowIndexVar="rowIndex" sortBy="#{servicio.nombreDetalle}" sortOrder="ascending"
                                                     paginatorPosition="bottom" styleClass="datable-busqueda">

                                            <p:ajax event="rowEdit" listener="#{MBDetalleCotizacion.editarDetalleCotizacionArticulo}" 
                                                    update=":formularioCotizacion:sumaDetalleArticulo,:formularioCotizacion:txtMerma,:formularioCotizacion:txtPrecioCompra
                                                    ,:formularioCotizacion:txtUtilidad,:formularioCotizacion:txtPrecioVenta,:formularioCotizacion:txtTotalBruto"/> 
                                            <p:column id="idColumnaNumArt" style="width: 5%" headerText="Num.">
                                                <h:outputText value="#{rowIndex+1}" />
                                            </p:column>

                                            <p:column id="idColumnaNombreArt" headerText="INSUMO" sortBy="#{articulo.nombreDetalle}">
                                                <h:outputText value="#{articulo.nombreDetalle}" />  
                                            </p:column>

                                            <p:column id="idColumnaConsumo" headerText="CONSUMO" >
                                                <h:outputText value="#{articulo.composicion}" >
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                </h:outputText>
                                                <h:outputText value="#{articulo.unidadMedida}" />
                                            </p:column>

                                            <p:column id="idColumnaUnidadCompra" headerText="UNIDAD COMPRA" >
                                                <p:cellEditor>  
                                                    <f:facet name="output">  
                                                        <h:outputText value="#{articulo.unidadMedidaCompra}" />   
                                                    </f:facet>  
                                                    <f:facet name="input">  
                                                        <p:selectOneMenu value="#{BKDetalleCotizacion.unidadMedidaCompra}"  
                                                                         id="cbxUnidadExtra" rendered="#{BKCotizacion.esNuevaVersion eq true?false:true}">  
                                                            <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                                            <f:selectItems value="#{BKDetalleCotizacion.listaUnidadMedidaComp}" var="umc" 
                                                                           itemLabel="#{umc.valCadena}" itemValue="#{umc.valCadena}" /> 
                                                            <p:ajax update="txtCantidadTabla" listener="#{MBDetalleCotizacion.cargarCantidadUMC()}" event="change" />
                                                        </p:selectOneMenu>
                                                        <h:outputText id="txtCantidadTabla" value="#{BKDetalleCotizacion.cantidadCompra}" />  
                                                        <h:outputText  value="#{articulo.unidadMedida}" />  

                                                    </f:facet>  
                                                </p:cellEditor>
                                            </p:column>

                                            <p:column id="idColumnaCostoSoles" headerText="COSTO (S/.)">
                                                <p:cellEditor>  
                                                    <f:facet name="output">  
                                                        <h:outputText value="#{articulo.costoSoles}" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>    
                                                    </f:facet>  
                                                    <f:facet name="input">  
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" value="#{articulo.costoSoles}" 
                                                                     style="width:100%" maxlength="150" >
                                                        </p:inputText> 

                                                    </f:facet>  
                                                </p:cellEditor>  
                                            </p:column>

                                            <p:column id="idColumnaCosto" headerText="COSTO ($)">
                                                <p:cellEditor>  
                                                    <f:facet name="output">  
                                                        <h:outputText value="#{articulo.costo}" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
                                                        </h:outputText>    
                                                    </f:facet>  
                                                    <f:facet name="input">  
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" value="#{articulo.costo}" 
                                                                     style="width:100%" maxlength="150" />  
                                                    </f:facet>  
                                                </p:cellEditor>  
                                            </p:column>

                                            <p:column id="idColumnaPrecio" headerText="PRECIO ($)" >
                                                <h:outputText value="#{articulo.precio}" >
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  />
                                                </h:outputText>      

                                            </p:column>

                                            <p:column rendered="true">             
                                                <p:commandButton id="selectButton" oncomplete="confirmacionArt.show()" ajax="true"
                                                                 icon="ui-icon-trash" process="@this" >
                                                    <f:setPropertyActionListener value="#{articulo}" target="#{BKDetalleCotizacion.currentDetalleCotizacion}"/>
                                                </p:commandButton>  
                                                <p:commandLink id="rowEditLink"  actionListener="#{MBDetalleCotizacion.cargarUnidadesMedida(articulo)}" ajax="true" immediate="true"
                                                               update="cbxUnidadExtra,txtCantidadTabla">

                                                    <p:rowEditor />
                                                </p:commandLink >
                                            </p:column>    
                                        </p:dataTable>


                                        <h:outputText id="sumaDetalleArticulo" value="#{BKDetalleCotizacion.sumaDetalleArticulo}" style="float: right;margin: 5px 10px;" >
                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                        </h:outputText>   
                                        <h:outputText id="totalMateriales" value="Total ($):" style="float: right;margin: 5px 10px;" styleClass="lblForm"  />  

                                    </p:fieldset>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="3">
                                    <p:fieldset id="fstComposicionServicio" legend="Servicios">
                                        <p:commandButton value="AGREGAR SERVICIO" styleClass="ui-priority-primary" id="btnAgregarServicio"
                                                         actionListener="#{MBDetalleCotizacion.nuevoDetalle}" immediate="true"
                                                         oncomplete="agregarServicio.show()" update=":formularioDetalleCot:panelDetalle" /><br />
                                        <p:dataTable id="dataTablaServicio" var="servicio" value="#{BKDetalleCotizacion.listaDetalleCotizacionServicio}" widgetVar="tablaServ"
                                                     emptyMessage="No se encontraron servicios" rowsPerPageTemplate="20,40,60" editable="true"
                                                     paginator="true" rows="20" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink}
                                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowIndexVar="rowIndex" 
                                                     sortBy="#{servicio.nombreDetalle}" sortOrder="ascending" paginatorPosition="bottom" styleClass="datable-busqueda">

                                            <p:ajax event="rowEdit" listener="#{MBDetalleCotizacion.editarDetalleCotizacionServicio}" 
                                                    update=":formularioCotizacion:sumaDetalleServicio,:formularioCotizacion:txtMerma,:formularioCotizacion:txtPrecioCompra
                                                    ,:formularioCotizacion:txtUtilidad,:formularioCotizacion:txtPrecioVenta,:formularioCotizacion:txtTotalBruto"/> 

                                            <p:column id="idColumnaNumSer" style="width: 5%" headerText="Num.">
                                                <h:outputText value="#{rowIndex+1}" />
                                            </p:column>

                                            <p:column id="idColumnaNombreSer" headerText="SERVICIO" sortBy="#{servicio.nombreDetalle}">
                                                <h:outputText value="#{servicio.nombreDetalle}" />  
                                            </p:column>

                                            <p:column id="idColumnaDescripcionSer" headerText="PRECIO ($)">
                                                <p:cellEditor>  
                                                    <f:facet name="output">  
                                                        <h:outputText value="#{servicio.precio}" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  />
                                                        </h:outputText>       
                                                    </f:facet>  
                                                    <f:facet name="input">  
                                                        <p:inputText onkeyup="cambiarMayuscula(this)" value="#{servicio.precio}" style="width:100%" maxlength="150" required="true"/>  
                                                    </f:facet>  
                                                </p:cellEditor>  
                                            </p:column>

                                            <p:column id="idColumnaObservacion" headerText="OBS." >
                                                <p:cellEditor>  
                                                    <f:facet name="output">  
                                                        <h:outputText value="#{servicio.observacion}" />  
                                                    </f:facet>  
                                                    <f:facet name="input">  
                                                        <p:inputTextarea value="#{servicio.observacion}" style="width:100%" maxlength="150"/>  
                                                    </f:facet>  
                                                </p:cellEditor>  

                                            </p:column>

                                            <p:column rendered="true">             
                                                <p:commandButton id="selectButton" oncomplete="confirmacionSer.show()" ajax="true"
                                                                 icon="ui-icon-trash" process="@this" >
                                                    <f:setPropertyActionListener value="#{servicio}" target="#{BKDetalleCotizacion.currentDetalleCotizacion}"/>
                                                </p:commandButton>  
                                                <p:rowEditor transient="true" /> 
                                            </p:column>    
                                        </p:dataTable> 
                                        <h:outputText id="sumaDetalleServicio" value="#{BKDetalleCotizacion.sumaDetalleServicio}" style="float: right;margin: 5px 10px;" >
                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2"   />
                                        </h:outputText>    
                                        <h:outputText id="totalServicios" value="Total($):" style="float: right;margin: 5px 10px;" />  
                                    </p:fieldset>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="3">
                                    <p:fieldset id="fstOtros" legend="Otros" >
                                        <p:panelGrid> 
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblTotalBruto" value="TOTAL NETO ($)" styleClass="lblForm"  />
                                                </p:column>
                                                <p:column colspan="2">
                                                    <h:outputText  id="txtTotalBruto" value="#{BKCotizacion.totalArticuloYServicio}" style="width: 70px" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  />
                                                    </h:outputText>         
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblMerma" value="PORCENTAJE MERMA ( % )" styleClass="lblForm"  />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText  id="txtPorcentMerma" value="#{BKCotizacion.cotizacionFormulario.porcentajeMerma}" style="width: 70px" >
                                                        <p:ajax event="blur" update="txtMerma,txtPrecioCompra,txtUtilidad,txtPrecioVenta" listener="#{MBCotizacion.calcularTotales()}" />
                                                    </p:inputText>  
                                                </p:column>
                                                <p:column>
                                                    TOTAL MERMA ($): <h:outputText  id="txtMerma" value="#{BKCotizacion.cotizacionFormulario.merma}" style="width: 70px" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>   
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblGastAdmin" value="GASTOS ADMINISTRATIVOS ($)" styleClass="lblForm"  />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText  id="txtGastAdmin" value="#{BKCotizacion.cotizacionFormulario.gastosAdministrativos}" style="width: 70px">
                                                        <p:ajax event="blur" update="txtPrecioCompra,txtUtilidad,txtPrecioVenta" listener="#{MBCotizacion.calcularTotales()}" />
                                                    </p:inputText>  
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblGastAduanero" value="GASTOS ADUANEROS ($)" styleClass="lblForm"  />
                                                </p:column>
                                                <p:column>
                                                    <p:column>
                                                        <p:inputText  id="txtGastAduanero" value="#{BKCotizacion.cotizacionFormulario.gastosAduaneros}" style="width: 70px">
                                                            <p:ajax event="blur" update="txtPrecioCompra,txtUtilidad,txtPrecioVenta" listener="#{MBCotizacion.calcularTotales()}" />
                                                        </p:inputText>  
                                                    </p:column>
                                                </p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblPrecioCompra" value="PRECIO COMPRA ($): " styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText  id="txtPrecioCompra" style="width: 100px"
                                                   value="#{BKCotizacion.cotizacionFormulario.subTotal}" >
                                        <f:convertNumber maxFractionDigits="2" groupingUsed="false"  />
                                    </h:outputText>   
                                </p:column>
                            </p:row>



                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblUtilidad" value="PORCENTAJE UTILIDAD( % )(*)" styleClass="lblForm"  />
                                </p:column>
                                <p:column>
                                    <p:inputText  id="txtPorcentUtilidad" required="true"
                                                  value="#{BKCotizacion.cotizacionFormulario.procentajeUtilidad}" style="width: 70px">
                                        <p:ajax event="blur" update="txtUtilidad,txtPrecioVenta" listener="#{MBCotizacion.calcularTotales()}" />
                                    </p:inputText>  
                                    <p:message display="text" for="txtPorcentUtilidad" />
                                </p:column>
                            </p:row>
                            
                            <p:row>
                                <p:column>
                                    <h:outputLabel value="TOTAL UTILIDAD($): " styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText  id="txtUtilidad" style="width: 100px" value="#{BKCotizacion.cotizacionFormulario.utilidad}" >
                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  />
                                    </h:outputText>   
                                </p:column>
                            </p:row>
                            
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblPrecioVenta" value="PRECIO VENTA ($): " styleClass="lblForm"  />
                                </p:column>
                                <p:column colspan="2">
                                    <h:outputText  id="txtPrecioVenta" style="width: 100px" value="#{BKCotizacion.cotizacionFormulario.precioVenta}" >
                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  />
                                    </h:outputText>   
                                </p:column>
                            </p:row>
                        </p:panelGrid>


                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                <p:column>
                                    <p:commandButton action="#{BKCotizacion.comando.aceptar()}" ajax="false" 
                                                     value="#{BKCotizacion.comando.nombre}"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton action="#{MBCotizacion.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                                </p:column>
                            </p:row>	

                        </p:panelGrid>
                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                    </p:panel>	
                    <p:confirmDialog id="dlgEliminarDetalleArticulo" message="#{message['dialog.confirmacion.mensaje']}" 
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmacionArt">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                            <p:commandButton id="btnConfEliDetalleArt" update="dataTablaMaterial,sumaDetalleArticulo,txtMerma,txtPrecioCompra,txtUtilidad,txtPrecioVenta,txtTotalBruto"
                                             value="Si"  oncomplete="confirmacionArt.hide()" actionListener="#{MBDetalleCotizacion.eliminarDetalleCotizacionArticulo}" 
                                             style="text-align: center" immediate="true" />  
                            <p:commandButton id="btnCancEliDetalleArt" value="No" onclick="confirmacionArt.hide()" type="button" style="text-align: center" />   
                        </h:panelGrid>
                    </p:confirmDialog>
                    <p:confirmDialog id="dlgEliminarDetalleServicio" message="#{message['dialog.confirmacion.mensaje']}" 
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmacionSer">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                            <p:commandButton id="btnConfEliDetalleSer" update="dataTablaServicio,sumaDetalleServicio,txtMerma,txtPrecioCompra,txtUtilidad,txtPrecioVenta,txtTotalBruto" 
                                             value="Si"  oncomplete="confirmacionSer.hide()" actionListener="#{MBDetalleCotizacion.eliminarDetalleCotizacionServicio}" 
                                             style="text-align: center" immediate="true" />  
                            <p:commandButton id="btnCancEliDetalleSer" value="No" onclick="confirmacionSer.hide()" type="button" style="text-align: center" />   
                        </h:panelGrid>
                    </p:confirmDialog>
                </h:form>
                <p:dialog widgetVar="agregarServicio" id="panAgregarServicio" header="Servicio para Cotización" modal="true" >
                    <ui:include src="detalleServicio.xhtml" /> 
                </p:dialog>
                <p:dialog widgetVar="buscarAntiguo"  header="Buscar Cotizacion Antigua" modal="true" transient="true" dynamic="true" >
                    <ui:include src="buscarCotizacionAntigua.xhtml" /> 
                </p:dialog>
            </f:view>
        </ui:define>

    </ui:composition>
</html>